<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>

	<meta charset="utf-8" />

	<title>Metronic | Login Page</title>

	<meta content="width=device-width, initial-scale=1.0" name="viewport" />

	<meta content="" name="description" />

	<meta content="" name="author" />

	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="<?=PUBLIC_PATH;?>public/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="<?=PUBLIC_PATH;?>public/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="<?=PUBLIC_PATH;?>public/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="<?=PUBLIC_PATH;?>public/css/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="<?=PUBLIC_PATH;?>public/css/style.css" rel="stylesheet" type="text/css"/>

	<link href="<?=PUBLIC_PATH;?>public/css/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="<?=PUBLIC_PATH;?>public/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="<?=PUBLIC_PATH;?>public/css/uniform.default.css" rel="stylesheet" type="text/css"/>

	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<link href="<?=PUBLIC_PATH;?>public/css/login.css" rel="stylesheet" type="text/css"/>

	<!-- END PAGE LEVEL STYLES -->

	<link rel="shortcut icon" href="<?=PUBLIC_PATH;?>public/image/favicon.ico" />

    <script src="<?=PUBLIC_PATH;?>public<?=PUBLIC_PATH;?>public/js/jquery-1.10.1.min.js" type="text/javascript"></script>

    <script src="<?=PUBLIC_PATH;?>public/layer-v2.3/layer/layer.js"></script>

	<script src="/public/pagejs/user_login.js"></script>

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="login">

	<!-- BEGIN LOGO -->

	<div class="logo">

		<img src="<?=PUBLIC_PATH;?>public/image/logo-big.png" alt="" /> 

	</div>

	<!-- END LOGO -->

	<!-- BEGIN LOGIN -->

	<div class="content">

		<!-- BEGIN LOGIN FORM -->

		<form class="form-vertical login-form" id="loginForm2" method="post" action="#">

			<h3 class="form-title">登陆你的账户：</h3>

			<div class="alert alert-error hide">

				<button class="close" data-dismiss="alert"></button>

				<span>请输入账户或密码。</span>

			</div>

			<div class="control-group">

				<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->

				<label class="control-label visible-ie8 visible-ie9">用户名</label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-user"></i>

						 <input class="m-wrap placeholder-no-fix" type="text"  name="username" id="username"/> 
<span id="name"></span>
					</div>

				</div>

			</div>

			<div class="control-group">

				<label class="control-label visible-ie8 visible-ie9">密码</label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-lock"></i>

						<input class="m-wrap placeholder-no-fix" type="password" name="password" id="pwd"/>
<span id="mima"></span>
					</div>

				</div>

			</div>
			<script src="/public/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script>
$(function(){
      
})
$(document).ready(function() {
	$("#username").focus(function(){
    $("#username").css("background-color","white");
  });
	$("#pwd").focus(function(){
    $("#pwd").css("background-color","white");
  });
$("#username").blur(function(){
               var regExp = /[a-zA-Z]$/;
               if(!regExp.test($(this).val())){
                      $(this).val("");
               }
       })
$("#pwd").blur(function(){
               var regExp = /^[A-Za-z0-9_-]+$/;
               if(!regExp.test($(this).val())){
                      $(this).val("");
               }
       })
  $("#username").blur(function(){
  	var username=document.getElementById('username').value;
  	//alert($("#s").html());
  	if(username ==""){
  		$("#name").html("请输入用户名").css("color","red");
  	}
  	else{
  		$("#name").empty();
  	}
   
  });
  $("#pwd").blur(function(){
  	var pwd=document.getElementById('pwd').value;
  	if(pwd ==""){
  		$("#mima").html("请输入密码").css("color","red");
  	}
  	else if(pwd.length<6){
  		$("#mima").html("密码为6位以上的数字或密码").css("color","red");
  	}

  	else{
  		$("#mima").empty();
  	}
   
  });
});
</script>
			<div class="form-actions">

				<label class="checkbox">

				<input type="checkbox" name="remember" value="1"/> 记住我

				</label>

				<input type="submit" name="submitLogin" class="btn green pull-right" value="登陆" />

				<i class="m-icon-swapright m-icon-white"></i>

				</button>         

			</div>

			


		</form>

		<!-- END LOGIN FORM -->        


	</div>

	<!-- END LOGIN -->

	<!-- BEGIN COPYRIGHT -->

	<div class="copyright">

		2013 &copy; Metronic. Admin Dashboard Template.

	</div>

	<!-- END COPYRIGHT -->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="<?=PUBLIC_PATH;?>public/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="<?=PUBLIC_PATH;?>public/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="<?=PUBLIC_PATH;?>public/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      

	<script src="<?=PUBLIC_PATH;?>public/js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="<?=PUBLIC_PATH;?>public/js/excanvas.min.js"></script>

	<script src="<?=PUBLIC_PATH;?>public/js/respond.min.js"></script>  

	<![endif]-->   

	<script src="<?=PUBLIC_PATH;?>public/js/jquery.slimscroll.min.js" type="text/javascript"></script>

	<script src="<?=PUBLIC_PATH;?>public/js/jquery.blockui.min.js" type="text/javascript"></script>  

	<script src="<?=PUBLIC_PATH;?>public/js/jquery.cookie.min.js" type="text/javascript"></script>

	<script src="<?=PUBLIC_PATH;?>public/js/jquery.uniform.min.js" type="text/javascript" ></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script src="<?=PUBLIC_PATH;?>public/js/jquery.validate.min.js" type="text/javascript"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="<?=PUBLIC_PATH;?>public/js/app.js" type="text/javascript"></script>

	<script src="<?=PUBLIC_PATH;?>public/js/login.js" type="text/javascript"></script>      

	<!-- END PAGE LEVEL SCRIPTS --> 

	<script>

		jQuery(document).ready(function() {     

		  App.init();

		  //Login.init();

		});

	</script>

	<!-- END JAVASCRIPTS -->

</body>

<!-- END BODY -->

</html>
